<template>
    <div>
        <el-button type="warning"
                   v-for="i in rooms" :key="i"
                    @click="enterRoom(i)">
            ROOM: {{i}}
        </el-button>
    </div>
</template>

<script>
    // import New from './components/New.vue';
    export default {

        name: "RoomList",
        components: {
            // New,Old,
        },
        props: {
            sampleP: {
                type: Number,
                default: 0
            },
        },
        data() {
            return {
                rooms: ['111','222','333']
            }
        },
        computed: {
            // sampleC() {
            //     return this.sampleD+'--';
            // }
        },
        created() {
        },
        mounted() {
        },
        methods: {
            enterRoom(i) {
                this.$router.push('/wechat/room/'+i)
            }
        },
        watch: {
            // sampleC(newValue, oldValue) {
            //
            // }
        },
    }
</script>

<style scoped>
    /*<style lang='scss' scoped>*/

</style>